如何做一部刷屏H5动画？「工作杀了我」作者亲述与网易合作过程

查看原文

其他

如何做一部刷屏H5动画？「工作杀了我」作者亲述与网易合作过程

原创 2017-09-14 陈女不 动画学术趴

随着技术的普及，刷屏的文章形式也多样化，H5、小视频都成为了最火爆的载体。而近日，小趴的朋友圈中也出现了这么一个有趣的H5动画——《我觉得我的工作想杀了我——你的工作焦虑已上线》，它的主角是一只知名的羊驼——网易野生内容官王三三。

是的，王三三就是他↑↑

（此gif也是由今天介绍的动画人做的哦！）

这个H5动画以极其简单的画面与诙谐的场景描述了身处职场中的焦虑感，绝对引起你的共鸣。（没有看过的同学可以点击“阅读原文”或者扫描以下的二维码！！）

那么完成这样一个动画背后需要如何更好完成客户的需求？如何展现出动画的主题？动画学术趴特地邀请到幕后作画者陈女不，她将与大家分享刷屏动画背后那些不为人知的细节。

讲述人：陈女不

陈女不，原名陈娟娟，毕业于安徽师范大学动画专业，从事原画和动画设计7年，2016年创立玩瞳动画工作室，目前是一位做动画的家庭煮妇~

‖ 创作主题 ‖

职场中的人们在工作时常伴有各种焦虑感，这支动画由三个片段组成，主题分别为拖延症、（老板）洗脑、推锅，将工作中常见的三种现象，通过象征性的道具和行为直接呈现出来，期望达到一种荒诞的幽默感。

动画中每个细节都好熟悉

动画中主角的名字叫“王三三”，这是我为他绘制的第三支短片。

今年4月份，受行业前辈蔡博叔的引荐，为网易新闻旗下品牌部主编形象“王三三”创作符合其角色设定的动画。

https://v.qq.com/txp/iframe/player.html?vid=y0398p9kabb&width=500&height=375&auto=0

工作室为王三三的第一部宣传动画

答应邀约之后，我也陷入焦虑中，因为主角虽然具有人类与动物的双重属性，但总体性格设定更趋向于人类。在动画表现上，主角的表演方式更多的是成人化，动作上除了需要含蓄和点到为止，又需要一些神经质的感觉，还要透露出一些黑色幽默的感觉。

工作室为节目《谈笑风生王三三》制作的8秒片头动画

我这边之前制作的动画项目比较“外向”，以夸张化的童趣表演方式为主。

https://v.qq.com/txp/iframe/player.html?vid=b0325ac12zo&width=500&height=375&auto=0
陈女不之前的动画作品《松鼠医生》

所以在这支动画的创作过程中，常常会焦虑这个问题——动画中表现出来的“王三三”是客户心中的“王三三”吗?

‖ 沟通细节 ‖

与以往的动画项目不同，这次客户给到的剧本文案比较详细，接近文字分镜脚本，从每个镜头的构成元素到需要什么动作，甚至一些镜头的衔接方式，客户以文字的形式做了非常具体的说明和要求。

https://v.qq.com/txp/iframe/player.html?vid=a0550cur55m&width=500&height=375&auto=0
动画幕后：通过沟通，每个环节都有变化

有了这个前提，与客户在绘制分镜脚本之前的沟通变得非常有效，甚至细节部分也可以得到基本确定，作为制作方，我这边主要是执行客户的想法。理想的状态是，在动画执行过程中，原封不动的按照文字叙述去表现，那么基本可以不用修改的完成一个项目。

但实际的状况是，在语音沟通过程中，由于部分理解偏差，直接导致第一轮静态分镜草稿完成后，客户会反馈有一些不符合心中的设定。于是在之后的一到两天中，每一次的沟通的目的是否定之前的部分创意。

作为制作方，这里的工作重心在于重新提供更加优秀的方案；原画设计阶段的沟通，目的在于补充动作表演不够充分的地方，另外有一些艺术设计薄弱的地方需要再一次加强；进入动画制作阶段，这是制作方用时最长、发挥主观性最多的环节，这此沟通的目的主要针对遗漏的小细节（包括穿帮、特效）和节奏部分进行调整，这个环节完成后，就可以愉快的将成片交给声音设计者，后期的沟通主要是配合声音设计做一些镜头时长的增减。

总体看来，这支动画在不断改进的过程中越来越完善，这期间当然需要客户和制作方的积极配合和互相理解，项目每推进一个环节，意味着修改前一个环节的内容，会产生试错成本，可能会增加制作周期和制作费用，所以在实际制作过程中，尽量在前期将想法确定。

《工作杀了我》这支动画比原先预计的制作周期要长，这中间出现了一些小插曲，并删除了一些原有的设定，但好在通过双方的努力和不断的沟通，最终赶在上线之前完成。

动画截图

所以与客户之间的信任关系是第一位的，没有这个前提，项目会进行的很艰难，最后即使勉强完成了，双方却都不满意。

‖ 创作过程 ‖

这支动画的主角由客户已经设定完成，我这边主要执行动画制作的环节。

在项目进行之初，由于客户提供的剧本文案是先后提供给我的，所以实际制作过程是三个短片穿插进行的，即第一个项目进入原画设计阶段，同时开始另外两个动画的分镜脚本设计阶段，这期间根据第一个动画的原画设计和后两个动画的分镜脚本进行初版音乐的设计。当第一个动画制作完成时，其他两个动画进入原画设计，最后等三个片子的动画一起完成时，再开始进入整体片尾的落版动画设计中。基本上是边摸索着边进行，整个项目持续了一个半月左右，有点拖延症哦~哈哈

动画截图

由于客户想要简笔画的质朴风格，所以动画部分以Flash逐帧手绘动画为主。整支动画是由Flash和AE两种软件分工并合作完成的，Flash负责分镜绘制、原画设计和动画制作，AE则是特效添加和后期合成，为了避免Flash动画的刻板印象——生硬和机械感。这里的动画大部分一拍二，部分特效希望达到更加流畅的效果，会采用一拍一的去绘制中间画。

为了让主角的表演具有黑色幽默感，动画设计上作了两个处理，第一是尝试着尽量减小动作幅度，却增加动作的中间动画帧，这样的处理，让动作具有异常平静的反差感；第二是当角色停止动作时，这里借鉴了传统动画的技法，即将停止POSE描摹一张，一拍二，这样即使在停止的情况下，动画仍然也是微动的，如此看起来角色在镜头中会更加生动。

‖ 效果呈现 ‖

感谢所有参与的人，画面最终的呈现效果有一点神经质的感觉，比我想象中的要好一些，因为第一次做这种类型的动画，一直不太敢确定最终会是怎样，不过当我看到Dylan(Muff sound工作室的小伙伴，负责本次声音设计）做好声音的版本时，我觉得很有趣。

客观来说，如果需要对这个动画挑毛病的话，从动画的美感呈现上来说，部分镜头的艺术设计可能要再努力一下，虽然整体以线条为主，但稍不注意也会显得简陋，之后有动画项目，我希望可以邀请到一位专业的艺术指定来合作，嗯，这次分享就到这里吧~感谢学术啪啪啪~

王三三动画和形象版权归网易传媒科技（北京）所有

看完陈女不的介绍，你一定有所收获。一部好的商业动画制作注定要在沟通上下功夫，相信看完本文你也会对这些流程有了新的看法，别忘了留言和我们分享！（没有看过这个H5的同学可以点击“阅读原文”或者扫描前文的二维码哦！）

今天的文章就到这了，如果你也发现了好的新闻线索或者好的故事，如果你有精彩的作品想要推广，请联系学术趴三叔叔（微信号：xsp_sss），可能下一个亮相学术趴的就是你哦！

———————————————

【近期热文】